<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="logo"><img src="../images/logo.png" alt=""></div>
    <div class="nav-warp">
        <div class="nav center">
            <div class="nav-list"><a href="../index.html">首页</a></div>
            <div class="nav-list"><a href="./classft.html">分类</a></div>
            <div class="nav-list"><a href="./bag.html">购物袋</a></div>
            <div class="nav-list"><a href="./story.html">品牌故事</a></div>
            <div class="nav-list"><a href="./contact.html">联系我们</a></div>
            <div class="nav-list"><a href="./login.html">登录</a></div>
        </div>

    </div>
    <div class="login-box">
        <div class="login-img"><img src="../images/login/login.jpg" alt=""></div>
        <div class="login-form">
            <div class="login-title">
                <h1><img src="../img/icon.png" alt="">账号登录</h1>
                <div class="login-inputs">
                    <input type="text" placeholder="请输入用户名/手机号码/身份证号">
                    <input type="text" placeholder="请输入密码">
                </div>
                <div class="login-check">
                    <input type="checkbox"> 记住密码
                </div>
            </div>
            <div class="login-btn">
                登录
            </div>
            <div class="login-btn zc">
                注册
            </div>
        </div>
    </div>
    <footer>
        <div class="footer-box">
            <div class="footer-img"> <img src="../images/logo.png" alt=""></div>
            <p>释放自然光辉，呵护你的肌肤之美。</p>
        </div>
    </footer>
</body>

</html>